$(function () {
    init();
    rederData();

    function init() {

        $(".search_btn").on("tap", function () {
            //获取搜索框的值
            //获取搜索框的值
            var txt = $(".search_txt").val();
            //判断txt是否有数据
            if (!$.trim(txt)) {
                //trim 去掉值的左右两边的空格
                return;
            }
            // 把值存到本地存储中
            // a 先获取本地存储的数据
            var ls = localStorage;
            //&& 找假：当本地存储中有数据的话 就将它转换为正常的数组或对象形式，
            //|| 找真：前面当有数据的话就执行前面的，没有的话就执行后面的取空
            var arr = (ls.getItem("letaoHistory") && JSON.parse(ls.getItem("letaoHistory"))) || [];
            //把数据（数组）渲染到ul标签里面
            //不过要先判断数组中是否已经存在有相同的数据
            //循环遍历数组
            for (var i = 0; i < arr.length; i++) {
                var element = arr[i];
                if (element == txt) {
                    //数据已经存在的话，将它删除，删除后就可以正常将新的数据添加到本地存储上了
                    //删除索引是i的元素，删除1个
                    arr.splice(i, 1)

                }

            }
            //将新的数据添加到从本地获取出来的数组中

            //push 从尾部添加一个数据
            //unshift 从头部加一个数据
            arr.unshift(txt);

            //将新的数组存到本地存储中(要转换为字符串的形式哦)
            ls.setItem("letaoHistory", JSON.stringify(arr));
            location.href="searchProduct.html?key="+txt;

        });

        $(".clear_all").on("tap", function () {
            localStorage.removeItem("letaoHistory");
        })

        $(".have_history ul").on("tap",".removeItem",function (e) {
            //获取索引
            console.log(123);
            var aDom = e.target;

            var index = $(aDom).parent().data("index");
            var ls = localStorage;
            var arr = (ls.getItem("letaoHistory") && JSON.parse(ls.getItem("letaoHistory"))) || [];
            arr.splice(index, 1);

            var str = "";
            for (var i = 0; i < arr.length; i++) {
                var element = arr[i];
                //动态生产li标签
                str += '<li class="lt_history"> ' + element + ' <a data-index=' + i + ' class="removeItem" href= "javascript:;" > <span class="mui-icon mui-icon-closeempty mui-pull-right"></span></a ></li >';
            }
            //添加到ul标签上
            $(".have_history ul").html(str);
            ls.setItem("letaoHistory", JSON.stringify(arr));
        })


    }

    function rederData() {
        var ls = localStorage;
        var arr = (ls.getItem("letaoHistory") && JSON.parse(ls.getItem("letaoHistory"))) || [];

        var str = "";
        for (var i = 0; i < arr.length; i++) {
            var element = arr[i];
            //动态生产li标签
             str += '<li class="lt_history"> ' + element + ' <a data-index=' + i + ' class="removeItem" href= "javascript:;" > <span class="mui-icon mui-icon-closeempty mui-pull-right"></span></a ></li >';
        }
        //添加到ul标签上
        $(".have_history ul").html(str);

        if(arr.length>0){
            $(".no_history").hide();

        }else{
            $(".have_history").hide();
        }
    }





})